<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"> <h:form
	id="formHabilidades">


	<p:fieldset style="width:520px;">
		
			

				<!--  Panel para o rótulo, mensagem e campo: Categoria -->
				<h:panelGrid columns="1" cellpadding="3">
					<h:panelGrid columns="2">
						<h:outputText value="Categoria:" />
						<p:message for=":formCadastro:categoria" />
					</h:panelGrid>
					<p:selectOneMenu id="categoria" value="#{habilidadeBean.categoria}"
						converter="categoriaConverter">
						<f:selectItem itemLabel="-- Selecione --" />
						<f:selectItems value="#{categoriaBean.categorias}" var="categoria"
							itemValue="#{categoria}" itemLabel="#{categoria.nome}" />
						<p:ajax event="change" update="categoria habilidade" />
						
						

					</p:selectOneMenu>

				</h:panelGrid>

				<!--  Panel para o rótulo, mensagem e campo: Habilidades -->
				<h:panelGrid columns="1" cellpadding="3">
					<h:panelGrid columns="2">
						<h:outputText value="Habilidade:" />
						<p:message for="habilidade" />
					</h:panelGrid>
					<p:selectOneMenu id="habilidade"
						value="#{habilidadeBean.habSelecionada}"
						converter="habilidadeConverter">
						<f:selectItem itemLabel="-- Selecione --" />
						<f:selectItems value="#{habilidadeBean.categoria.habilidades}"
							var="habilidade" itemValue="#{habilidade}"
							itemLabel="#{habilidade.nome}" />

					</p:selectOneMenu>

				</h:panelGrid>

			

				<br />
				<h:outputText value="   " />
				<p:commandButton value="Adicionar" action="#{habilidadeBean.add()}"
					process="@form" update="@form" />
				<br />

				<!-- <p:dataTable id="gridHabilidades" var="habilidade"
					value="#{habilidadeBean.habilidades}">

					<p:column headerText="Habilidades">
					
						<h:outputText value="#{habilidade.nome}" />
					</p:column>
				</p:dataTable> -->

				<p:selectOneListbox id="gridHabilidades"
					style="height:180px;width:100%;">
					<f:selectItems value="#{habilidadeBean.habilidades}"
						var="habilidade" itemLabel="#{habilidade.nome}"
						itemValue="#{habilidade}"></f:selectItems>

				</p:selectOneListbox>
				
				
			

			<h:panelGroup>

			</h:panelGroup>

		
	</p:fieldset>
</h:form> </html>

